<script src="vue.js"></script>

<div id="app">
    <div class="one1" v-on:click="toprera">第一个图层,最外层
        <div class="two" v-on:click="tothis">第二个图层,内部</div>
    </div>
    <br>
    <div class="one1" v-on:click.self="toprera">第一个图层,最外层
        <div class="two" v-on:click.self="tothis">第二个图层,内部</div>
    </div>
</div>

<script>
    var vue = new Vue({
        el: "#app",
        data: {

        },
        methods: {
            toprera() {
                console.log("我是父元素");
            },

            tothis() {
                console.log("我是当前元素");
            }
        }
    })
</script>

<style>
    .one1 {
        background-color: aquamarine;
    }

    .two {
        background-color: blueviolet;
    }
</style>